<template>
  <div class="empty">
    <img src="https://s.kcimg.cn/app/quick/images/no-content.png">
    <p>{{tip}}</p>
    <slot name="button"></slot>
  </div>
</template>

<script>
export default {
  props: {
    tip: {
      type: String
    },
    topHeight: {
      type: String
    }
  },
  data: () => ({

  }),
  components: {

  },
  created () {

  },
  mounted () { },
  methods: {

  }
}
</script>

<style lang="less" type="text/less" scoped>
.empty {
  margin-top: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  img {
    width: 360px;
    height: 280px;
    object-fit: cover;
  }
  p {
    font-size: 30px;
    color: rgba(3, 16, 42, 0.6);
    line-height: 30px;
    margin-top: 28px;
  }
}
</style>
